/* 
    Document   : newusers
    Created on : 18-dic-2012, 18:29:49
    Author     : damfercer
    Description:
        Purpose of the stylesheet follows.
*/

@font-face{ 
	font-family:Amatic;
        src: url('../resources/fonts/AmaticSC-Bold.eot');
	src: url('../resources/fonts/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../resources/fonts/AmaticSC-Bold.ttf') format('truetype');
}

@font-face{ 
	font-family:SegoeUI;
	src: url('../resources/fonts/SegoeUI.eot');
	src: url('../resources/fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
	     url('../resources/fonts/SegoeUI.ttf') format('truetype');
}

html, body{
    height:100%;
}

.curtains{
    font-size: 100%;
}

.girlBG{
    background-image: url("girl.jpg.xhtml?ln=images");
    background-size: cover;
    background-position: 0% 30%;
}

.purpleBG{
    background-color:purple;
}

.machineBG{
    float:right;
    width:70%;
    display:inline-block;
    background-image: url("encuentra.png.xhtml?ln=images");
    background-size: cover;
    background-position: 50% 30%;
    height:100%;
}

.machineTitle{
    margin-left: 5%;
    position: absolute;
    top:100px;
    float:left;
}

.umbrellaTitle{
    position:absolute;
    bottom:200px;
    margin-left: 5%;
    float:left;
    display:inline-block;
}

.navyBG{
    background-color:#2764A2;
}

.umbrellaBG{
    float:right;
    width:40%;
    display:inline-block;
    background-image: url("agiliza.png.xhtml?ln=images");
    background-size: cover;
    background-position: 60% 100%;
    height:100%;
    margin-right: 10%;
}

.pigBG{
    background-image: url("ahorracostes.png.xhtml?ln=images");
    background-size: 45%;
    background-repeat: no-repeat;
    background-position: 90% 80%;
}

.blueBG{
    background-color: #10E5E5;
}


.title{
    font-size: 65px;
    font-family: Amatic;
}

.companyText{
    width:28%;
    color:white;
    display:inline-block;
}

.companyHelp{
    position:absolute;
    left:2%;
    bottom:2%;
    font-family: SegoeUI;
}

.help{
    font-family: SegoeUI;
    display:inline-block;
}

.seeTitle{
    text-align: center;
    position:absolute;
    bottom:10%;
    opacity: 0.8;
    color:white;
    background-color:purple;
}

.loginTitle{
    margin-left: 5%;
    margin-top: 3%;
    color:#333;
    margin-bottom: 30px;
    display:block;
    color:white;
}

.loginBody{
    margin-left: 5%;
    color:white;
    width:300px;
    display:inline-block;
    text-align: justify;
    font-family: SegoeUI;
    font-size:16px;
}

.justify{
    text-align: justify;
}


.divCandidate{
    float:right;
    width:25%;
    min-width: 210px;
    height:80%;
    min-height: 480px;
    min-height: 80%;
    background-image: url("droid.png.xhtml?ln=images");
    background-size: cover;
    margin-right: 10%;
    margin-top: 20%;
    background-position: 50% 0%;
}

.divDroid{
    display:inline-block;
    margin-left: 20%;
    background-image: url("droid_white.png.xhtml?ln=images");
    background-repeat: no-repeat;
    height:25%;
    min-height: 230px;
    width:15%;
    min-width: 100px;
    position:absolute;
    bottom:2%;
    left:10%;
}


.divBlob{
    display:inline-block;
    margin-left: 20%;
    height:50%;
    width:35%;
    bottom:42%;
    position:absolute;
    left:20%;
}

.divRectangleBlob{
    background-color: white;
    border-radius: 2.6em;
    -webkit-border-radius: 2.6em;
    -moz-border-radius: 2.6em;
    width:100%;
    height: 80%;
    
}

.divFinishBlob{
    display:inline-block;
    float:left;
    width:20%;
    height:20%;
    margin-left: 25%;
    background-image: url("vin.png.xhtml?ln=images");
    background-repeat: no-repeat;
    background-size: 70% 100%;
}

.loginPanel{
    min-width: 150px;
    border:none;
    background:transparent;
    margin-left: 5%;
    padding:0!important;
    margin-top: 40px;
}
.loginPanel .ui-panel{
    padding:0!important;
}

.loginPanel .ui-panel-content{
    padding:0!important;
}

.createCandidatePanelGrid{
    width:100%;
}

.loginInput{
    width:250px;
    height:20px;
}

.loginButton{
    border:none!important;
    background-color: #e1ad0f!important;
    width:100px;
    height:30px;
    color:white!important;
}

.loginButton .ui-button-text{
    font-size: 16px;
    padding:0!important;
}

.droid{
    position: absolute;
    bottom:20px;
    height:30%;
    left:45%;
}

.blob{
    position:absolute;
    top:40px;
    left:40%;
    height:65%;
}

.blobWrap{
    position:absolute;
    top:40px;
    left:40%;
    height:45%;
    max-height: 50%;
    overflow:hidden;
}

.blobText{
    padding-left: 20px;
    padding-top: 30px;
}

.bloblInnerText{
    margin-right: 35px;
    display:block;
}

.blobTitle{
    font-family: Amatic;
    font-size: 50px;
    text-align: center;
    display:block;
    color:#3E3E3E
}

.blobBody{
    font-family: SegoeUI;
    font-size: 16px;
    display:block;
    margin-top: 20px;
    text-align: justify;
    overflow:hidden;
    color: #868585;
}

.avionesBG{
    background-image: url("aviones.png.xhtml?ln=images");
    background-position: 90% 90%;
    background-repeat: no-repeat;
}

.ui-button-text{
    font-family: SegoeUI;
}

.darkTitleText{
    color:#3E3E3E;
    padding-left: 7px;
}

.bodyText{
    color:white;
    font-size: 16px;
    font-family: SegoeUI;
}
.darkBodyText{
    color:#868585;
    padding-left: 7px;
}

.contractTextWhite{
    color:white!important;
    font-size: 10px!important;
}

.contractText{
    color:#3E3E3E!important;
    font-size: 10px!important;
}

.block{
    display: block;
}

.marginBottom20{
    margin-bottom: 20px;
}

.landingText,.landingTextDark{
    font-family: SegoeUI!important;
    font-size: 14px!important;
}

.landingText{
    color:#868686!important;
}

.landingTextDark{
    color:#3E3E3E!important;
}

.landingWrapperPanel{
    margin-left: -3%; margin-right: -3%; padding-left: 2.5%; padding-right: 2.5%;
    background-image: url("maquinafondo.jpg.xhtml?ln=images")!important;
    background-size: cover;
    background-position-y: -10%;
}

.cardPanel{
    width:21.5%;
    border-radius: 1px;
    margin-left: 5.75%;
    margin-right: 5.75%;
    background:transparent;
}

.cardPanel .ui-widget-content{
    background:transparent!important;
}

.caraRedonda{
    margin-top: 20px;
    width:80%;
}

.caraRedondaSlogan{
    font-family: Amatic;
    color:white;
    background:transparent;
    font-size: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.landingSlogan{
    font-family: Amatic;
    color:#e1ad0f;
    background:transparent;
    font-size: 50px;
    margin-top: 100px;
}

.landingLogo{
    width:20%; margin-left: 40%
}